<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hello,world</title>
  </head>
  <body>
    <p>script 标签之前...</p>

    <!--
    可以使用 <script> 标签将 JavaScript 程序插入到 HTML 文档的任何位置。
    <script> 标签中包裹了 JavaScript 代码，当浏览器遇到 <script> 标签，代码会自动运行。

    请注意：
    一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的 缓存 中。
    之后，其他页面想要使用相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。
    这样可以节省流量，并使得页面（加载）更快。
    -->
    <script>
      alert("Hello, world!");
    </script>

    <!-- 引入外部 JavaScript 文件 -->
    <script src="index.js"></script>

    <!-- 使用 CDN 加速加载，引入服务器上的 JavaScript 文件 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

    <p>script 标签之后...</p>
  </body>
</html>
